<template>
  <div class="audition17">
    <p>loader</p>
    <p><br></p>
    <p>
      loader 用于对模块的源代码进行转换。<br/>loader 可以在 import 或"加载"模块时预处理文件。<br/>因此，loader 类似于其他构建工具中“任务(task)”，并提供了处理前端构建步骤的强大方法。<br/>loader 可以将文件从不同的语言（如 TypeScript）转换为 JavaScript，或将内联图像转换为 data URL。<br/>loader 甚至允许开发人员直接在 JavaScript 模块中 import CSS文件！
    </p>
    <p>
      推荐阅读：<a href="https://www.webpackjs.com/concepts/loaders/" target="_blank">官方中文文档-loaders</a>
    </p>
    <p><br></p>
    <p>plugin</p>
    <p><br></p>
    <p>插件是 webpack 的支柱功能。</p>
    <p>插件目的在于解决 loader 无法实现的其他事。</p>
    <p>
      推荐阅读：<a href="https://www.webpackjs.com/concepts/plugins/" target="_blank">官方中文文档-plugins</a>
    </p>
  </div>
</template>

<script>
export default {
  name: 'Audition17'
}
</script>

<style>

</style>